.floatAD,
.floatAD * {
  display: block;
  max-width: 300px;
}

.floatAD {
  background: #fff;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}



html {
  background: #fff url(./bkg.png) 50% 0 no-repeat fixed;
}


.homeRow,
.homeMultiRow,
.homeGroup{
  min-width: 1200px;
}

.mdi-chevron-left::before {
  content: "\F141"
}
.mdi-chevron-right::before {
  content: "\F142"
}
i.fi:before {content:"\f140"}





/* ===== singlepage - cover ===== */
.cover,
.cover * {
  width: 998px;
}

.cover {
  border: 1px solid #ccc;
}

.cover * {
  display: block;
}






/* ========== A_page ========== */
.subpage {
  min-height: 350px;
  padding: 30px 0;
  width: 100%;
}

.subpage {}



/* ========== 02_news ========== */
.hdline,
.hdnews,
.hdnews li,
.hdnews li a,
.hdnews li em,
.hdline,
.hdnews em,
.hdnews img,
.hdnews .bx-wrapper,
.hdnews .bx-viewport {
  height: 450px;
  width: 800px;
}

.hdline,
.hdnews,
.hdnews li,
.hdnews li a {
  position: relative;
  z-index: 0;
}

.hdline {
  background-color: #fff;
}

.hdline h3 {
  background-color: #39d;
  font-size: 18px;
  left: -5px;
  line-height: 45px;
  padding: 0 20px;
  position: absolute;
  top: 20px;
  z-index: 5;
}

.hdline h3 a {
  color: #fff !important;
  display: block;
}

.hdnews {
  overflow: hidden;
}

.hdnews li {}

.hdnews li a,
.hddnews li em,
.hddnews li img {
  display: block;
}

.hdnews li em {
  background-position: 50% 50%;
  background-size: cover;
}

.hdnews li img {
  position: relative;
  z-index: 0;
}

.nx,
.nx h4 {
  width: 568px;
}

.nx {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.62);
  bottom: 0;
  height: 60px;
  line-height: 60px;
  left: 0;
  padding: 0 217px 0 15px;
  position: absolute;
  z-index: 5;
}

.nx:hover {
  background-color: rgba(0, 0, 0, 0.75);
}

.nx h4 {
  font-size: 17px;
  line-height: 60px;
}

a:link .nx h4,
a:visited .nx h4 {
  color: #6cf;
}

a:hover .nx *,
a:active .nx * {
  color: #39d !important;
}



/* slider_start */
.hdnews .bx-wrapper,
.hdnews .bx-viewport {
  position: relative;
}

.hdnews .bx-pager,
.hdnews a.bx-prev,
.hdnews a.bx-next {
  position: absolute;
  z-index: 5;
}

.hdnews .bx-pager {
  bottom: 24px;
  right: 15px;
}

.hdnews .bx-pager-item,
.hdnews .bx-pager-item a {
  height: 12px;
}

.hdnews .bx-pager-item {
  padding: 0 4px;
}

.hdnews .bx-pager-item a {
  border-radius: 6px;
  width: 12px;
}

.hdnews .bx-pager-item a.active {
  width: 24px;
}

.hdnews .bx-pager-item a:link,
.hdnews .bx-pager-item a:visited {
  background-color: #fff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.62);
}

.hdnews .bx-pager-item a.active:link,
.hdnews .bx-pager-item a.active:visited {
  background-color: #39d;
}

.hdnews .bx-pager-item a:hover,
.hdnews .bx-pager-item a:active {
  background-color: #6cf !important;
}

.hdnews .bx-controls-direction a,
.hdnews .bx-controls-direction i {
  display: block;
  height: 80px;
  line-height: 80px;
  text-align: center;
}

.hdnews .bx-controls-direction a {
  top: 165px;
}

.hdnews .bx-controls-direction i {
  color: #fff;
  font-size: 32px;
  width: 45px;
}

.hdnews a.bx-prev {
  left: 0;
}

.hdnews a.bx-next {
  right: 0;
}

.hdnews a.bx-next i {
  padding-left: 2px;
}

.hdnews .bx-controls-direction a:link,
.hdnews .bx-controls-direction a:visited {
  background-color: rgba(0, 0, 0, 0.62);
  opacity: 0.62;
}

.hdnews .bx-controls-direction a:hover,
.hdnews .bx-controls-direction a:active {
  background: #39d;
  opacity: 1;
}


/* slider_ends */




/* ===== homeRow ===== */




/* ----- ht -----*/
.ht,
.ht h2,
.ht b,
.ht ol,
.ht li,
.ct,
.ct h2,
.ct h2 b {
  height: 39px;
}

.ht h2 b,
.ct h2 b {
  line-height: 39px;
}

.ht h2 b:after,
.ct h2 b:after {
  height: 3px;
  bottom: -4px;
}

.ht.bf20 h2 b {
  font-size: 1rem;
}

.ht ol {
  padding-right: 15px;
}

.ht li {
  padding-left: 30px;
}

.ht li a,
.ht p a {
  height: 37px;
  line-height: 37px;
}


.ht.bgd {
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.ht.bgd h2 b {
  color: #fff;
}

.ht.bgd h2 b:after {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
}

.ht.bgd li a:link,
.ht.bgd li a:visited,
.ht.bgd p a:link,
.ht.bgd p a:visited {
  color: #fff;
}

.ht.bgd li a:hover,
.ht.bgd li a:active,
.ht.bgd p a:hover,
.ht.bgd p a:active {
  color: #6cf;
}

.ht.bgd li.cur a:link,
.ht.bgd li.cur a:visited {
  border-bottom: 2px solid #183782;
  color: #183782;
}


.ht.bgw,
.ct.bgw {
  border-bottom: 1px solid #183782;
}

.ht.bgw h2 b,
.ct.bgw h2 b {
  color: #183782;
}

.ht.bgw h2 b:after,
.ct.bgw h2 b:after {
  background-color: #183782;
}

.ht.bgw li a:link,
.ht.bgw li a:visited {
  color: #666;
}

.ht.bgw li a:hover,
.ht.bgw li a:active {
  color: #6cf;
}

.ht.bgw li.cur a:link,
.ht.bgw li.cur a:visited {
  border-bottom: 2px solid #183782;
  color: #183782;
}




/* ===== about ===== */
.about,
.about .c {
  width: 340px;
}

.about {
  background-image: url(./bga.png);
  height: 430px;
  padding: 20px 30px 0 30px;
}

.about .c,
.about h5 {
  padding-top: 30px;
}

.about .c p {
  color: #e8e8e8;
  font-size: 15px;
  line-height: 25px;
  padding-top: 20px;
  text-indent: 2em;
}

.about .c a:link,
.about .c a:visited {
  color: #fff;
}

.about .c a:hover,
.about .c a:active {
  color: #6cf;
}




/* ===== homeMultiRow ===== */
.homeMultiRow {
  background: url(./multi.png) 0 340px no-repeat;
  background-size: 100% auto;
}

.homeMultiRow {
  padding-bottom: 40px;
}


/* ===== homePress ===== */
.homePress,
.homeNotice {
  height: 480px;
  padding: 20px 30px 0 30px;
}

.homePress,
.homePress .c {
  width: 740px;
}

.homePress {
  background-color: #fff;
}

.homePress .c {
  padding-top: 30px;
}

.homePress .c ol,
.homePress .c ol li,
.homePress .c ol li em,
.homePress .c ol li img {
  width: 320px;
}

.homePress .c ol em {
  height: 200px;
}

.homePress .c ol h4 {
  margin-top: 15px;
}

.homePress .c ol dl,
.homePress .c ol p {
  margin-top: 10px;
}

.homePress .c ol p {
  height: 75px;
  max-height: 75px;
  overflow: hidden;
}

.homePress .c ol * {
  line-height: 25px;
}

.homePress .c ol dt,
.homePress .c ol dd {
  width: 160px;
}

.homePress .c ol dl b {
  width: 130px;
}

.homePress .c ol dl i {
  width: 20px;
}

.homePress .c ul {
  padding-left: 30px;
  width: 390px;
}

.homePress .c ul li {
  height: 135px;
}

.homePress .c ul dt,
.homePress .c ul em,
.homePress .c ul img {
  width: 160px;
}

.homePress .c ul em {
  height: 100px;
}

.homePress .c ul dd {
  padding-left: 20px;
  width: 210px;
}

.homePress .c ul p {
  margin-top: 10px;
}

.homePress .c h4 {
  line-height: 20px;
  overflow: hidden;
  max-height: 40px;
}

.homePress .c a:link h4,
.homePress .c a:visited h4 {
  color: #015699;
}

.homePress .c a:link p,
.homePress .c a:visited p {
  color: #989898;
}

.homePress .c a:link b,
.homePress .c a:visited b {
  color: #666;
}

.homePress .c a:link i,
.homePress .c a:visited i {
  color: #aaa;
}

.homePress .c a:hover *,
.homePress .c a:active * {
  color: #6cf !important;
}

.homePress .c p b {
  margin-left: 5px;
}



/* ----- homeNotice -----*/
.homeNotice {
  background-image: url(./note.png);
  width: 340px;
}

.homeNotice .c ol {
  padding-top: 10px;
}

.homeNotice .c li {
  /* border-top:1px solid #777;padding:12px 0; */
  padding: 11px 0;
}

.homeNotice .c li:first-child {
  border-top-width: 0;
}

.homeNotice .c * {
  line-height: 20px;
}

.homeNotice .c h4 {
  margin-top: 3px;
}

.homeNotice .c a:link h4,
.homeNotice .c a:visited h4 {
  color: #eee;
}

.homeNotice .c a:link p,
.homeNotice .c a:visited p {
  color: #aaa;
}

.homeNotice .c a:hover *,
.homeNotice .c a:active * {
  color: #6cf !important;
}







/* ===== fullAdv ===== */
.fullAdv {}

.fullAdv * {
  display: block;
}




/* ===== bookRow_magazine+books ===== */
.bookRow {
  background: url(./book.png) 50% 50% no-repeat;
  background-size: cover;
  padding: 50px 0 60px 0;
}

.magazine,
.books {
  width: 560px;
}

.magazine {}

.magazine .c {
  padding-top: 30px;
}

.magazine .c li {
  padding-left: 25px;
}

.magazine .c li:first-child {
  padding-left: 0;
}

.magazine .c li * {
  display: block;
}

.magazine .c li a:link img,
.magazine .c li a:visited img,
.books li a:link img,
.books li a:visited img {}

.magazine .c li a:hover img,
.magazine .c li a:active img,
.books li a:hover img,
.books li a:active img {
  opacity: 0.62;
}

.magazine .c img,
.books .c img {
  height: 225px;
  width: 170px;
}




/* ===== books ===== */
.books .ht p,
.books .ht p a {
  height: 28px;
  line-height: 28px;
  text-align: center;
  width: 50px;
}

.books .ht p {
  padding-top: 6px;
}

.books .ht p a:link,
.books .ht p a:visited {
  background-color: #f8f8f8;
  color: #666;
  font-size: 0.7rem;
}

.books .ht p a:hover,
.books .ht p a:active {
  background-color: #6cf;
  color: #fff;
}

.books .c {
  padding-top: 30px;
  position: relative;
}

.books .c {}

.books .bx-wrapper,
.books .bx-viewport {
  width: 585px;
}

.books .c li {
  width: 195px;
}

.books .c li a {
  padding-right: 15px;
}

.books .bx-controls {
  position: absolute;
  right: 79px;
  top: -64px;
}

.books .bx-controls a,
.books .bx-controls a i {
  display: block;
  font-size: 24px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  width: 28px;
}

.books .bx-controls a {
  margin-left: 4px;
}

.books .bx-controls-direction {
  width: 64px;
}

.books .bx-controls a:link,
.books .bx-controls a:visited {
  background-color: #f8f8f8;
}

.books .bx-controls a:hover,
.books .bx-controls a:active {
  background-color: #6cf;
}

.books .bx-controls a:hover i {
  color: #fff;
}




/* ===== linkTo ===== */
.linkTo {
  width: 260px;
}

.linkTo li,
.subthree li {
  height: 55px;
  overflow: hidden;
  text-indent: -5000em;
}

.linkTo li {
  margin-top: 10px;
  width: 260px;
}

.linkTo li:first-child {
  margin-top: 0;
}

.linkTo li a {
  color: #fff;
  display: block;
  font-size: 18px;
  line-height: 55px;
  padding-left: 15px;
}

.linkTo .first {
  background-image: url(/act/t/01.jpg);
}

.linkTo .second {
  background-image: url(/act/t/02.jpg);
}

.linkTo .third {
  background-image: url(/act/t/03.jpg);
}

.linkTo .fourth {
  background-image: url(/act/t/04.jpg);
}

.subthree {
  margin-top: 10px;
  width: 230px;
}

.subthree li {
  background-position: 100% 50%;
  background-repeat: no-repeat;
  margin-top: 5px;
  width: 230px;
}

.subthree li a,
.subthree li a * {
  display: block;
}

.subthree li a {
  /* color:#fff;display:block;font-size:20px;line-height:60px;padding-left:15px; */
}

/*
.subthree .first  {background-image:url(/act/t/006.jpg);}
.subthree .second {background-image:url(/act/t/002.jpg);}
.subthree .third  {background-image:url(/act/t/003.jpg);}
.subthree .fourth {background-image:url(/act/t/004.jpg);}
*/




/* ===== topics+elite ===== */
.topics,
.elite {
  background-color: #fff;
}


/* ----- topics ----- */
.topics {
  height: 445px;
  padding: 10px 10px 0 10px;
  width: 550px;
}

.pt,
.tc {
  height: 435px;
}

.pt {
  background-image: url(./topics.png);
  width: 60px;
}

.pt h3 {
  color: #fff;
  font-size: 22px;
  line-height: 1.5;
  padding: 25px 15px;
  text-align: center;
  text-shadow: 1px 1px 0 #036;
}

.tpc {
  padding-left: 10px;
  width: 480px;
}

.tpc .tt,
.tpc .tt * {
  height: 34px;
  line-height: 34px;
}

.tpc .tt {
  background-color: #f3f3f3;
  border-bottom: 1px solid #ddd;
}

.tpc .tt h3 {
  color: #183782;
  font-size: 16px;
  padding-left: 10px;
}

.tpc .tt p {
  padding: 0 10px;
}

.tpc .tt p a:link,
.tpc .tt p a:visited {
  color: #5a5a5a;
}

.tpc .tt p a:hover,
.tpc .tt p a:active {
  color: #6cf;
}

.tpc ul {
  padding: 10px 0 10px 10px;
  width: 470px;
}

.tpc li,
.tpc li a {
  height: 28px;
  line-height: 28px;
}

.tpc li a {
  padding-left: 10px;
  width: 460px;
}

.tpc li a:after {
  height: 4px;
  width: 2px;
  left: 1px;
  top: 12px;
}

.tpc li a:before {
  height: 2px;
  width: 4px;
  left: 0px;
  top: 13px;
}

.tpc li a:after,
.tpc li a:before {
  background-color: #bbb;
}

.tpc li a:hover:after,
.tpc li a:hover:before {
  background-color: #6cf;
}

.tpc li a {
  font-size: 15px;
}

.tpc li a:link,
.tpc li a:visited {
  color: #666;
}

.tpc li a:hover,
.tpc li a:active {
  color: #6cf;
}




/* ----- elite ----- */
.elite {
  height: 435px;
  padding: 20px 20px 0 20px;
  width: 560px;
}

.eSlider,
.eSlider .bx-wrapper,
.eSlider .bx-viewport,
.eSlider li,
.eSlider li img {
  width: 520px;
}

.eSlider {
  margin-left: 20px;
  margin-top: 35px;
  position: relative;
}

.eSlider .bx-wrapper,
.eSlider .bx-viewport {
  height: 360px !important;
}

.eSlider .bx-viewport {
  overflow: hidden;
}

.eSlider li,
.eSlider li * {
  width: 100%;
}

.eSlider li * {
  display: block;
}

.eSlider li img {
  height: 300px;
}

.eSlider li p {
  line-height: 60px;
}

.eSlider li a:link p,
.eSlider li a:visited p {
  color: #5a5a5a;
}

.eSlider li a:hover p,
.eSlider li a:active p {
  color: #6cf;
}

.eSlider .bx-controls a {
  position: absolute;
  text-align: center;
  top: 120px;
}

.eSlider a.bx-prev {
  left: -40px;
}

.eSlider a.bx-next {
  right: -40px;
}

.eSlider .bx-controls a,
.eSlider .bx-controls a i {
  display: block;
  font-size: 40px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 40px;
}

.eSlider .bx-controls a:link,
.eSlider .bx-controls a:visited {
  background-color: #fff;
}

.eSlider .bx-controls a:hover,
.eSlider .bx-controls a:active {
  background-color: #6cf;
}

.eSlider .bx-controls a:hover i {
  color: #fff;
}





/* ===== homeGroup ===== */
.homeGroup {
  padding: 40px 0 55px 0;
}

.homeGroup .c {
  padding-top: 11px;
}

.homeGroup li,
.homeGroup li * {
  height: 80px;
  width: 224px;
}

.homeGroup li {
  padding-right: 20px;
  padding-top: 20px;
}

.homeGroup li:nth-child(5n) {
  padding-right: 0;
}

.homeGroup li a:hover img {
  opacity: 0.62;
}




/* ========== subpage ========== */
.concept {
  height: 123px;
  margin-bottom: 25px;
  overflow: hidden;
}




/* ===== ===== left ===== ===== */
.spl,
.subMenu {
  width: 230px;
}

.subMenu {
  background-color: #fff;
  border-top: 3px solid #28c;
}

.subMenu h3,
.stater {
  background-color: #f3f3f3;
  height: 42px;
  line-height: 42px;
}

.subMenu h3 {
  border: 1px solid #ccc;
  border-bottom-color: #ddd;
  border-top-width: 0;
  color: #28c;
  font-size: 17px;
  padding-left: 15px;
}

.subMenu ul {
  border: 1px solid #ccc;
  border-top-width: 0;
  /* padding:10px 15px 20px 15px; width:198px; */
  width: 228px;
}

.subMenu li {
  border-bottom: 1px dotted #ccc;
  height: 45px;
  line-height: 45px;
  width: 100%;
}

.subMenu li:last-child {
  border-bottom-width: 0;
}

.subMenu li a {
  display: block;
  padding-left: 15px;
}

.subMenu li a i {
  float: right;
  font-size: 18px;
  line-height: 45px;
  padding-right: 12px;
}

.subMenu li a:link,
.subMenu li a:visited {
  color: #5a5a5a;
}

.subMenu li.cur a:link,
.subMenu li.cur a:visited {
  background-color: #f3f6f9;
  color: #28c;
}

.subMenu li a:hover,
.subMenu li a:active,
.subMenu li.cur a:hover,
.subMenu li.cur a:active {
  background-color: #4f9ddc;
  border-top: 1px solid #207edd;
  color: #fff;
}

.subMenu li a:link i,
.subMenu li a:visited i {
  color: #ccc;
}

.subMenu li.cur a:link i,
.subMenu li.cur a:visited i {
  color: #5bc;
}

.subMenu li a:hover i,
.subMenu li a:active i {
  color: #fff !important;
}





/* ===== ===== right ===== ===== */
.spr {
  background-color: #fff;
  border-top: 3px solid #28c;
  width: 950px;
}

.rc,
.content {
  width: 948px;
}

.rc {
  border: 1px solid #ccc;
  border-top-width: 0;
  min-height: 350px;
}

.content {}



/* ===== stater ===== */
.stater {
  border-bottom: 1px solid #ddd;
  width: 100%;
}

.stater p {
  color: #888;
  padding-left: 20px;
}

.stater p b {
  color: #999;
  padding: 0 4px;
}

.stater a:link,
.stater a:visited {
  color: #28c;
}

.stater a:hover,
.stater a:active {
  color: #6cf;
}




/* ===== pager ===== */
.pager,
.apg {
  padding: 25px 0 30px 0;
  width: 100%;
}

.pager ul,
.apg ul {
  line-height: 30px;
  text-align: center;
  width: 100%;
}

.pager li,
.apg li {
  display: inline;
  margin: 05px;
}

.pager li a,
.apg li a {
  display: inline-block;
  line-height: 32px;
  padding: 0 12px;
}

.pager li a:link,
.pager li a:visited,
.apg li a:link,
.apg li a:visited {
  border: 1px solid #ccc;
  color: #888;
}

.pager li a:hover,
.pager li a:active,
.apg li a:hover,
.apg li a:active {
  background-color: #6cf;
  border: 1px solid #28c;
  olor: #fff;
}

.pager li a.cur,
.apg li a.cur {
  background-color: #28c;
  border: 1px solid #28c;
  color: #fff;
}

.pager li a:hover,
.pager li a.cur:hover,
.apg li.thisclass a:link,
.apg li.thisclass a.cur:visited {
  background-color: #6cf;
  border: 1px solid #28c;
  color: #fff;
}


.article .pager,
.article .apg {
  padding: 0 0 0 0;
}

.article .pager li,
.article .apg li {
  padding: 25px 0 30px 0;
}




/* ===== article list ===== */
ul.alist {
  min-height: 300px;
  margin: 10px 25px 0 25px;
  width: 898px;
}

ul.alist li {
  border-bottom: 1px dotted #ccc;
  line-height: 54px;
  list-style: none;
  width: 100%;
}

ul.alist li a,
ul.alist li b,
.nlist h4,
.nlist h4 b {
  font-size: 15px;
  font-weight: bold;
}

ul.alist li,
ul.alist li a {}

ul.alist li a {
  background: url(/assets/img/ico/article.gif) 0 50% no-repeat;
  display: block;
  padding-left: 18px;
}

ul.alist li a:link,
ul.alist li a:visited,
ul.alist li a:link *,
ul.alist li a:visited * {
  color: #28c;
}

ul.alist li a:hover,
ul.alist li a:active,
ul.alist li a:hover *,
ul.alist li a:active * {
  color: #6cf;
}

ul.alist li i {
  color: #aaa;
  float: right;
}



/* ===== news list ===== */
.nlist,
.ilist {
  border-bottom: 1px dotted #ccc;
  margin: 0 25px;
  padding: 25px 0;
  width: 898px;
}

.nlist.pb25 {
  /* padding-bottom:25px; */
}

.nlist a,
.nlist img,
.ilist a,
.booklist * {
  display: block;
}

.nlist h4,
.ilist dt {
  background: url(/assets/img/ico/article.gif) 0 50% no-repeat;
  padding-left: 18px;
}

.nlist a:link h4,
.nlist a:visited h4,
.ilist a:link dt,
.ilist a:visited dt {
  color: #28c;
}

.nlist a:hover h4,
.nlist a:active h4,
.ilist a:hover dt,
.ilist a:active dt {
  color: #6cf;
}

.nlist dl {
  color: #888;
  /* min-height:110px; */
  padding-top: 10px;
}

.ilist dl {
  color: #888;
  width: 100%;
}

.nlist dt {
  padding: 4px 20px 0 0;
}

.nlist dt img {
  max-height: 140px;
  max-width: 140px;
}

.nlist a:link img,
.nlist a:visited img,
.prolist a:link img,
.prolist a:visited img {
  border: 1px solid #ddd;
  padding: 1px;
}

.nlist a:hover img,
.nlist a:active img,
.prolist a:hover img,
.prolist a:active img {
  border: 2px solid #6cf;
  padding: 0;
}

.nlist dd {
  line-height: 1.25em;
  /* padding-bottom:8px; */
  width: 670px;
}

.ilist dd {
  line-height: 1.25em;
  padding-top: 8px;
}

.nlist p {
  padding-bottom: 10px;
}

.nlist b,
.ilist b {
  color: #28c;
  font-weight: normal;
}


.nlist dd a:link,
.nlist dd a:visited {
  color: #666;
}

.nlist dd a:hover,
.nlist dd a:active {
  color: #6cf;
}



.nlist.maxium dd {
  padding-left: 10px;
  width: 688px;
}

.nlist.showRedirect a.origins {
  display: none !important;
}

.nlist #floatAD {
  padding: 16px 22px 0 22px;
  width: 664px;
}




/* ===== booklist ===== */
.booklist {
  border-bottom: 1px dotted #ccc;
  padding: 10px 69px 40px 69px;
  width: 810px;
}

.booklist li {
  height: 280px;
  margin: 50px 25px 0 25px;
  width: 150px;
}

.booklist li * {
  width: 100%;
}

.booklist li i {
  background-size: cover;
  background-position: 50% 50%;
  box-shadow: 0 0 1px #888;
}

.booklist li b {
  line-height: 18px;
  padding-top: 10px;
}




/* ===== article ===== */
.article {
  padding: 0 25px 25px;
  width: 898px;
}

h2.art {
  color: #28c;
  font-size: 25px;
  padding: 35px 0 10px 0;
  text-align: center;
  width: 100%;
}

p.aStat {
  background-color: #f3f4f5;
  border: 1px solid #ddd;
  color: #888;
  margin: 15px 0 25px 0;
  padding: 10px 0;
  text-align: center;
  width: 896px;
}

p.aStat b {
  color: #28c;
  font-weight: normal;
}

p.aStat span {
  width: 33.3331%;
}

.entry {
  color: #5a5a5a;
}

.entry {
  font-size: 15px;
  min-height: 300px;
  padding: 0 15px;
  width: 868px;
}

.entry h1 {
  font-size: 24px;
}

.entry h2 {
  font-size: 21px;
}

.entry h3 {
  font-size: 18px;
}

.entry h4 {
  font-size: 15px;
}

.entry div,
.entry p {
  font-size: 15px;
  line-height: 1.5rem;
  padding-top: 15px;
  /* text-indent:2em; */
}

.entry ol,
.entry ul {
  padding: 0.5em 0 0.5em 2em;
}

.entry ol li {
  list-style: decimal inside;
}

.entry ul li {
  list-style: disc inside;
}

.entry table {
  background-color: #ddd;
}

.entry th,
.entry td {
  padding: 8px 10px;
}

.entry th {
  background-color: #f6f6f6;
}

.entry td {
  background-color: #fff;
}

.context {
  border-top: 1px solid #ccc;
  height: 20px;
  line-height: 20px;
  margin-top: 25px;
  padding-top: 25px;
  width: 100%;
}

.context li {
  color: #888;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50%;
}

.entry a:link,
.entry a:visited,
.context li a:link,
.context li a:visited {
  color: #28c;
}

.entry a:hover,
.entry a:active {
  color: #6cf;
}

.context li a:hover,
.context li a:active {
  color: #f80;
}

.entry b,
.entry strong,
.entry b *,
.entry strong *,
.entry h1,
.entry h2,
.entry h3,
.entry h4 {
  color: #245a95;
}

.entry b,
.entry strong,
.entry b *,
.entry strong *,
.entry h4,
.entry h4 * {
  font-weight: bold;
}

.entry .apg ul {
  padding: 0.5em 0;
}


#shareICO {
  height: 0;
  width: 0;
}



/* ----- myVideo ----- */
.myVideo {
  height: 400px;
  margin: 18px auto;
  width: 640px;
}



/* ===== picture list ===== */
.picture,
.plist {
  padding: 40px 60px 40px 60px;
  width: 828px;
}

.plist li {
  height: 235px;
  list-style: none;
  margin: 20px;
  width: 164px;
}

.plist li a,
.plist li b,
.plist li em,
.plist li img {
  display: block;
}

.plist li em,
.plist li img,
.plist li p {
  /* height:170px;width:140px; */
  height: 194px;
  width: 160px;
}

.plist a:link img,
.plist a:visited img {
  border: 1px solid #ccc;
  padding: 1px;
}

.plist a:hover img,
.plist a:active img {
  border: 2px solid #6cf;
  padding: 0;
}

.plist a:link p,
.plist a:visited p {
  border: 1px solid #ccc;
  padding: 1px;
}

.plist a:hover p,
.plist a:active p {
  border: 2px solid #6cf;
  padding: 0;
}

.plist li em {
  background-position: 50% 0%;
  background-size: cover;
}



.plist li b {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  padding-top: 8px;
  text-align: center
}

.plist a:link b,
.plist a:visited b {
  color: #28c;
}

.plist a:hover b,
.plist a:active b {
  color: #6cf;
}

.plist li br {
  display: none;
}




/* ----- case list ----- */
.projects {
  width: 948px;
}

.clist {
  padding: 0 20px 40px 20px;
  width: 908px;
}

.clist li {
  height: 205px;
  list-style: none;
  margin: 40px 20px 0 20px;
  width: 184px;
}

.clist li a,
.clist li b,
.clist li img {
  display: block;
}

.clist li img {
  height: 125px;
  width: 200px;
}

.clist a:link img,
.clist a:visited img {
  border: 1px solid #ccc;
  padding: 1px;
}

.clist a:hover img,
.clist a:active img {
  border: 2px solid #6cf;
  padding: 0;
}


.clist li b {
  font-size: 15px;
  font-weight: bold;
  line-height: 40px;
}

.clist a:link b,
.clist a:visited b {
  color: #28c;
}

.clist a:hover b,
.clist a:active b {
  color: #6cf;
}

.clist li br {
  display: none;
}


.clist .cfunc {
  width: 100%;
}

.clist a.btn {
  height: 28px;
  line-height: 28px;
  text-align: center;
  width: 88px;
}

.clist a.btBlue {}

.clist a.btGray {
  margin-left: 4px;
}

a.btBlue:link,
a.btBlue:visited {
  background: linear-gradient(to bottom, #39d 0%, #28c 100%);
  border: 1px solid #28c;
  color: #fff;
}

a.btBlue:hover,
a.btBlue:active {
  background: #fff;
  border: 1px solid #5af;
  color: #39d;
}


a.btGray:link,
a.btGray:visited {
  background: linear-gradient(to bottom, #eee 0%, #ddd 100%);
  border: 1px solid #ccc;
  color: #666;
}

a.btGray:hover,
a.btGray:active {
  background: #fff;
  border: 1px solid #5af;
  color: #39d;
}



.reporting {
  padding: 33px 60px;
  width: 828px;
}

.reporting li {
  height: 270px;
  padding: 44px;
  width: 184px;
}

.reporting li * {
  display: block;
}

.reporting li a:link img,
.reporting li a:visited img {
  border: 1px solid #ddd;
  height: 236px;
  padding: 1px;
  width: 180px;
}

.reporting li a:hover img,
.reporting li a:active img {
  border: 2px solid #6cf;
  padding: 0;
}

.reporting a p {
  font-size: 15px;
  font-weight: bold;
  padding-top: 8px;
  text-align: center;
}

.reporting a:link p,
.reporting a:visited p {
  color: #28c;
}

.reporting a:hover p,
.reporting a:active p {
  color: #6cf;
}




/* ===== results ===== */
.resultlist {
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: 3px solid #28c;
  width: 1198px;
}

.keywords {
  background-color: #f3f3f3;
  border-bottom: 1px solid #ccc;
}

.keywords h2,
.keywords h2 * {
  font-size: 18px;
  line-height: 1;
}

.keywords h2 {
  color: #059;
  padding: 20px 30px;
}

.keywords h2 *,
.results font {
  color: #e00;
}

.results {
  padding: 0 30px;
  width: 1138px;
}

.results li {
  border-bottom: 1px dotted #bbb;
  padding: 20px 0;
}

.results h3,
.results h3 * {
  font-size: 15px;
  font-weight: bold;
}

.results h3 a:link,
.results h3 a:visited {
  color: #059;
}

.results h3 a:hover,
.results h3 a:active,
.results h3 a:hover *,
.results h3 a:active * {
  color: #6cf !important;
}

.results p {
  padding-top: 10px;
}

.results p a:link,
.results p a:visited {
  color: #059;
}

.results p a:hover,
.results p a:active {
  color: #6cf;
}

.results p span {
  margin-left: 3rem;
}

.results p b {
  color: #3a3a3a;
}




/* ====== systemMSG ===== */
.noticePage {
  height: 100%;
  position: fixed;
  width: 100%;
}


.systemNotice {
  background-color: #fff;
}

.systemNotice {
  box-shadow: 0 0 6px #ccc;
}

.systemNotice {
  left: 50%;
  margin-left: -15rem;
  position: fixed;
  top: 28%;
  width: 30rem;
}

.systemNotice h3 {
  background-color: #f3f3f3;
  border-bottom: 1px solid #e6e6e6;
  border-top: 4px solid #0364cf;
  color: #245a95;
  font-size: 0.8rem;
  line-height: 2.5rem;
  padding: 0 0.75rem;
}

.systemNotice .c {
  padding: 1.5rem 3rem 3rem 3rem;
}

.systemNotice p,
.systemNotice p b {
  color: #f00;
}

.systemNotice p {
  padding-top: 1.5rem;
  text-align: center;
}


.systemNotice a:link,
.systemNotice a:visited {
  color: #39d;
}

.systemNotice a:hover,
.systemNotice a:active {
  color: #6cf;
}



/* ===== advises ===== */
.advises,
.adviseForm {
  width: 650px;
}

.advises {
  font-size: 15px;
  min-height: 300px;
  padding: 0 124px 20px 124px;
  width: 650px;
}

.advises dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.adviseForm dt,
.adviseForm dd {
  line-height: 47px;
  padding-top: 15px;
  vertical-align: top;
}

.adviseForm dt {
  text-align: right;
  width: 100px;
}

.adviseForm dd:nth-child(2) {
  width: 440px;
}

.adviseForm input[type='text'],
.adviseForm textarea {
  border: 1px solid #ddd;
  font-size: 15px;
  width: 398px;
}

.adviseForm input[type='text']:hover,
.adviseForm textarea:hover {
  border: 1px solid #888;
}

.adviseForm input[type='text']:focus,
.adviseForm textarea:focus {
  border: 1px solid #39d;
}

.adviseForm input[type='text'] {
  height: 45px;
  padding: 0 15px;
}

.adviseForm textarea {
  display: block;
  padding: 15px;
}

.adviseForm #vdcode {
  width: 100px;
}

.adviseForm #vdimgck {
  margin: auto 10px;
}

.adviseForm i.zhcn {
  color: #f60;
  font-family: Simsun, sans-serif;
  padding: 0 5px 0 0;
}

.advises .formAct {
  padding-left: 100px;
}

.formAct {
  padding-top: 1rem;
}

.formAct dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.formAct dt {
  padding-right: 10px;
}

.formAct button {
  cursor: pointer;
  height: 48px;
  padding: 0 30px;
}

.formAct dt button {
  background-color: #39d;
  border: 1px solid #28c;
  color: #fff;
}

.formAct dd button {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #5a5a5a;
}

.formAct button:hover {
  background-color: #6cf;
  border: 1px solid #6cf;
  color: #fff;
}




/* ===== magazines =====*/
ul.magazines {
  padding-left: 34px;
}

ul.magazines li {
  margin: 50px 0 50px 70px;
  width: 200px;
}

ul.magazines li * {
  display: block;
  text-align: center;
}

ul.magazines li em,
ul.magazines li img {
  height: 260px;
  width: 196px;
}

ul.magazines li p {
  font-size: 15px;
  font-weight: bold;
  padding-top: 10px;
  text-align: center;
}

ul.magazines a:link em,
ul.magazines a:visited em {
  border: 2px solid #eee;
}

ul.magazines a:hover em,
ul.magazines a:active em {
  border: 2px solid #6cf;
}

ul.magazines a:link p,
ul.magazines a:visited p {
  color: #666;
}

ul.magazines a:hover p,
ul.magazines a:active p {
  color: #6cf;
}



/* ===== photo-list ===== */
.photo-list {
  padding: 15px 39px 39px 9px;
  width: 900px;
}

.photo-list li,
.photo-list li * {
  width: 270px;
}

.photo-list li {
  padding-left: 30px;
  padding-top: 24px;
}

.photo-list li em {
  height: 170px;
}

.photo-list li p {
  font-size: 15px;
  font-weight: bold;
  height: 36px;
  line-height: 18px;
  margin-top: 6px;
  text-align: center;
}

.photo-list li a:hover em {
  opacity: 0.62;
}

.photo-list li a:link p,
.photo-list li a:visited p {
  color: #015699;
}

.photo-list li a:hover p,
.photo-list li a:active p {
  color: #6cf;
}